<template>
	<view>
		<view class="record flex-between">
			<view class="record_left">
				<view class="name">TOPS</view>
				<view class="time">2024-10-10 10:30:00</view>
			</view>
			<view class="record_right">
				<view class="text">+1028.12789</view>
				<!-- <view class="stuas flex"><span></span>成功</view> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dtype:1,
				typename:''
			}
		},
		onLoad(option) {
			this.dtype=option.dtype
			this.typename=option.typename
			uni.setNavigationBarTitle({
				title:option.typename+'明细'
			})
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.record{
	width: 750rpx;
	height: 122rpx;
	padding: 30rpx;
	box-sizing: border-box;
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 28rpx;
	color: #333333;
	&_left{
		.time{
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #999999;
		}
	}
	&_right{
		span{
			width: 12rpx;
			height: 12rpx;
			background: #55CE62;
			border-radius: 50%;
			margin-right: 10rpx;
		}
		.stuas{
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #999999;
			align-items: center;
			.lose{
				background: #FF6262;
			}
			.underway{
				background: #9999FF;
			}
		}
	}
}
</style>
